@trackHeaderShortWidth: 120px;
@trackHeaderWidth: 160px;

@leftMargin992: 120px;
@leftMargin768: 80px;

@minWidthBreak: 320px;
@noMarginBreak: 500px;
@mediumBreak: 768px;
@largeBreak: 992px;

@collapsedAppbarHeight: 25px;

@applyTrackHeaderWidth: {
  @media(min-width: (@minWidthBreak+1px)) {
    .rules(@trackHeaderShortWidth);
  }
  
  @media(min-width: @noMarginBreak) {
    .rules(@trackHeaderWidth);
  }

  @media(min-width: @mediumBreak) {
    .rules(@leftMargin768+@trackHeaderWidth);
  }

  @media(min-width: @largeBreak) {
    .rules(@leftMargin992+@trackHeaderWidth);
  }
  //.rules(@trackHeaderWidthMin);
};

@applyLeftMargin: {
  .rules(0, 0);
  
  @media(min-width: (@minWidthBreak+1px)) {
    .rules(0, @trackHeaderShortWidth);
  }

  @media(min-width: @noMarginBreak) {
    .rules(0, @trackHeaderWidth);
  }

  @media(min-width: @mediumBreak) {
    .rules(@leftMargin768,@trackHeaderWidth);
  }

  @media(min-width: @largeBreak) {
    .rules(@leftMargin992,@trackHeaderWidth);
  }
};